<!--企业管理科审核-->
<template>
  <div class="public-common">
    <div class="public-title">企业管理科审核</div>
    <el-form :model="form" label-width="120px">
      <el-row>
        <el-col :span="5">
          <el-form-item label="油补批次">
            <el-select style="width: 100%;" placeholder="请选择" v-model="form.carzl1">
              <el-option v-for="(v,i) in item1" :value="v.value" :key="i" :label="v.text">{{v.text}}</el-option>
            </el-select>
          </el-form-item>
        </el-col>

        <el-col :span="8">
          <el-button type="primary" style=" margin-left: 10px;">特殊数据处理</el-button>
          <el-button type="primary" style=" margin-left: 10px;">更新下户时间</el-button>
        </el-col>
      </el-row>
    </el-form>
    <div class="public-title" style="margin-top: 10px; margin-bottom: 5px; background:none;">待审核 (总金额：￥0.00)</div>
    <el-table :data="tabledata" size="mini" border stripe header-row-class-name="textcenter">
      <el-table-column label="批次" fixed="left" prop="a1">
      </el-table-column>
      <el-table-column label="公司名称" prop="a2">
      </el-table-column>
      <el-table-column label="公司编号" prop="a3">
      </el-table-column>
      <el-table-column label="车辆总数" prop="a4">
      </el-table-column>
      <el-table-column label="驾驶员总数" prop="a5">
      </el-table-column>
      <el-table-column label="总班次" prop="a6">
      </el-table-column>
      <el-table-column label="汽补总费用" prop="a7">
      </el-table-column>
      <el-table-column label="操作">
        <template slot-scope="scope">
          <el-button type="text">详细列表</el-button>
          <el-button type="text" @click="open">审核</el-button>
        </template>
      </el-table-column>
    </el-table>
    <div class="public-title" style="margin-top: 10px; margin-bottom: 5px; background:none;">已审核 (总金额：￥0.00)</div>
    <el-table :data="tabledataq" size="mini" border stripe header-row-class-name="textcenter">
      <el-table-column label="批次" fixed="left" prop="a1">
      </el-table-column>
      <el-table-column label="公司名称" prop="a2">
      </el-table-column>
      <el-table-column label="公司编号" prop="a3">
      </el-table-column>
      <el-table-column label="车辆总数" prop="a4">
      </el-table-column>
      <el-table-column label="驾驶员总数" prop="a5">
      </el-table-column>
      <el-table-column label="总班次" prop="a6">
      </el-table-column>
      <el-table-column label="汽补总费用" prop="a7">
      </el-table-column>
      <el-table-column label="操作">
        <template slot-scope="scope">
          <el-button type="text">详细列表</el-button>
        </template>
      </el-table-column>
    </el-table>
  </div>
</template>

<script>
  export default {
    data() {
      return {
        form: {
          carzl1: '',
        },
        tabledata: [
          {
              a1: '第六批',
              a2: '西安世园旅游汽车有限公司',
              a3: '2524',
              a4: '200',
              a5:'249',
              a6: '6800',
              a7: '￥442,000.00',
          },
          {
              a1: '第六批',
              a2: '西安市出租汽车总公司第二公司',
              a3: '6183',
              a4: '371',
              a5: '449',
              a6: '10888',
              a7: '￥707,720.00',
          },
          {
              a1: '第六批',
              a2: '西安市莲湖出租汽车有限责任公司',
              a3: '6218',
              a4: '181',
              a5: '251',
              a6: '5490',
              a7: '￥356,850.00',
          },
        ],
        tabledataq: [
          {
              a1: '第六批',
              a2: '陕西三利出租汽车有限责任公司',
              a3: '6233',
              a4: '21',
              a5: '33',
              a6: '714',
              a7: '￥46,410.00',
          },
          {
              a1: '第六批',
              a2: '陕西棉花（集团）出租汽车队',
              a3: '6225',
              a4: '21',
              a5: '36',
              a6: '714',
              a7: '￥46,410.00',
          },
          {
              a1: '第六批',
              a2: '西安全顺出租汽车有限公司',
              a3: '6231',
              a4: '84',
              a5: '109',
              a6: '2660',
              a7: '￥172,900.00',
          },
        ],
        page: {
          now: 1,
          pagesize: 10,
          sizes: [2, 10, 20, 50, 100],
          total: 0,
          key: ''
        },
        item1: [{
            text: '第一批',
            value: '0'
          },
          {
            text: '第二批',
            value: '1'
          },
          {
            text: '第三批',
            value: '2'
          },
          {
            text: '第四批',
            value: '3'
          },
          {
            text: '第五批',
            value: '4'
          },
          {
            text: '第六批',
            value: '5'
          },
        ],
      }
    },
    methods: {
      search() {
        alert("search")
      },
      //分页
      handleSizeChange(pagesize) {
        this.page.pagesize = pagesize;
        this.search(true, true);
      },
      handleCurrentChange(pageno) {
        this.page.now = pageno;
        this.search(true, true);
      },
      open() {
        this.$confirm('你确定要审核通过吗？如果审核不通过，请致电企业，点击取消！', '提示', {
          confirmButtonText: '审核',
          cancelButtonText: '取消',
          type: 'warning'
        }).then(() => {
          this.$message({
            type: 'success',
            message: '审核成功!'
          });
        }).catch(() => {
          this.$message({
            type: 'info',
            message: '已取消审核'
          });
        });
      }

    }
  }
</script>

<style>
  .el-form-item .el-form-item__label {
    width: 90px !important;
  }

  .el-form-item .el-form-item__content {
    margin-left: 90px !important;
  }

  .public-common .el-form-item .el-input {
    width: 100%;
  }

  .public-title {
    line-height: 30px;
    background-color: #deecfd;
    padding: 0 10px;
    margin-bottom: 20px;
    color: #15428F
  }
</style>
